﻿<style type="text/css">
* {padding:0; margin:0;}
#header {
    background-image:url('images/header-2.gif');
    background-repeat:repeat-x;
    height:166px;    
}
#header .left {
    background-image:url('images/header-3.gif');
    background-repeat:no-repeat;
    float:left;
    height:166px;
    width:242px;
}
#header .right {
    background-image:url('images/header-1.gif');
    background-repeat:no-repeat;
    float:right;
    height:166px;
    width:238px;
    
}
#footer {
    background-image:url('images/footer_end-2.gif');
    background-repeat:repeat-x;
    height:101px;
}
#footer .left{
    background-image:url('images/footer_end-3.gif');
    background-repeat:no-repeat;
    float:left;
    height:101px;
    width:242px;
}
#footer .right{
    background-image:url('images/footer_end-1.gif');
    background-repeat:no-repeat;
    float:right;
    height:101px;
    width:238px;
}
/*********** FORUMHOME BORDER ***********/
#contain {width:100%; margin:0 auto;}
#top_border {
    background-image:url('images/tost-ahla-2.gif');
    background-repeat:repeat-x;
    height:80px;
}
</style>




<!-- header start -->
<div id="header">
<div class="left"></div>
<div class="right"></div>
</div>
<!-- header end -->

<!-- FORUMHOME start -->
<div id="contain">
<!-- البرواز العلوي البدايى -->
<div id="top border">
<div class="left"></div>
<div class="right"></div>
</div>
<!-- البرواز العلوي النهايه -->
<!-- بداية الاعمده -->
<div class="collright">
<div class="colleft">
<div id="inside">
<!-- نهاية الاعمده -->

<!-- بداية البرواز السفلي -->
</div>
</div>
</div>
<div id="bottom border">
<div class="left"></div>
<div class="right"></div>
</div>
</div>
<!-- نهاية البرواز السفلي -->
<!-- FORUMHOME end -->

<!-- FOOTRE start -->
<div id="footer">
<div class="left"></div>
<div class="right"></div>
</div>
<!-- FOOTRE end --> 
